<template>
  <main>
    <Hero
        :title="title"
    />
    <div class="whole-wrap">
      <div class="container box_1170">
        <div class="section-top-border">
          <div class="row">
            <div class="col-lg-12">
              <blockquote class="generic-blockquote">
                <p>
                  穆旦说过："我珍重的友谊，是一件艺术品，被我从时间的浪沙中无意拾得，挂在匆忙奔驰的生活驿车上，有时几乎随风飘去，但并未失落；又在偶然的遇合下被感情底手，屡次发掘，越久远越觉得可贵，因为其中回荡着我失去的青春，又赋予我亲切的往事的回味；受到书信和共感的细致的雕塑，摆在老年底窗口，不仅点缀寂寞，而且象明镜般反映窗外的世界，使那粗糙的世界显得如此柔和。"
                </p>
                <p>
                  远远近近，就象脚下的牧场和触不到的远山，画成了一幅真实的秋天，也许是在异乡，记忆尤其希望珍惜，心也才容纳了不同的天空，相逢是在一条狭长的小路，正如每一天的风，会从各个方向吹来季节的消息，就象柔轻的蒲公英，花瓣如音符一样轻轻地飘落，季节也许会开放出一个春天，也许会将记忆悄悄地藏起。
                </p>
              </blockquote>
            </div>
          </div>
        </div>
      </div>
    </div>
    <section class="featured-job-area section-padding30 section-bg2"
             data-background="assets/img/gallery/section_bg03.png">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-xl-7 col-lg-9 col-md-10 col-sm-12">
            <!-- Section Tittle -->
            <div class="section-tittle text-center mb-80">
              <h2>成长路上的"绊脚石"们</h2>
            </div>
          </div>
        </div>
        <div class="row justify-content-center">
          <div v-for="(link, index) in links" :key="index" class="col-lg-9 col-md-12">
            <div class="single-job-items mb-30">
              <div class="job-items">
                <div class="company-img">
                  <router-link v-to="link.url"><img :src="link.picture" alt=""></router-link>
                </div>
                <div class="job-tittle">
                  <router-link v-to="link.url"><h4>{{ link.name }}</h4></router-link>>
                  <ul>
                    <li><i class="far fa-clock"></i>{{ link.createTime }}</li>
                    <li><i class="fas fa-map-marker-alt"></i>{{ link.position }}</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
</template>

<script>
import Hero from '../components/hero'
import {getLinks} from "@/api/blog";

export default {
  name: "medicine",
  components: {
    Hero
  },
  data() {
    return {
      title: '友 链',
      links: []
    }
  },
  mounted() {
  },
  methods: {
    getLinks() {
      getLinks().then(res => {
        this.links = res.data
      })
    }
  }
}
</script>

<style scoped>

</style>
